﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<link href="/css/share.css" rel="stylesheet">	
	<link href="/css/rechOn/rechOn.css" rel="stylesheet">
    <script type="text/javascript" src="/script/core/angular-1.0.0rc3.min.js"></script>
    <script type="text/javascript" src="/script/recharge.js"></script>
</head>
<body>
	<div class="contentTop">
		<img src="/images/business/dot.png" />
		<span><a href="#" target="">充值中心</a></span>
		<span>>></span>
		<span><a href="#" target="">在线充值</a></span>
		<img src="/images/business/lineH.png"/>
	</div>
	<div class="detail">
		<div>
			<span>
				<a href="#" target=""><img src="/images/business/pay.png" border=0 /></a>
			</span>
			<span style="color:#cc7f3f; margin-left:22px;">支付宝快捷支付</span>
			<span style="margin-left:420px;"><img src="/images/business/pay2.png" /></span>							
		</div>
		<div class="button_search">
			<a href="#" target="">
				<img style="margin-top:15px;" src="/images/business/button_search.png" border=0 />
			</a>
			<p>客服电话：86-28-831388852</p>
			<p>客服邮箱：kf@chcgame.com</p>
		</div>
		<div class="form" ng-init="action=''">
				<form id="formLogin" name="formLogin" method="post" action="{{action}}" ng-submit="submit()" ng-controller="rechargeCtrl">
				<div class="item">
					<span class="label" style="color:#898989;">充值账号：</span>
					<div class="fl">
					    <input id="user" class="text gray" type="text" tabindex="1" name="user" ng-pattern="user_format" ng-init="user='@Model.name'" ng-change="exists()" ng-minlength="6" ng-maxlength="16" ng-model="user" required/>
					    <label id="passName_succeed" class="blank invisible">
                            <span class="error" ng-bind-template="{{lang.user_required}}" ng-show="formLogin.user.$error.required"></span>
                            <span class="error" ng-bind-template="{{lang.user_min}}" ng-show="formLogin.user.$error.minlength"></span>
			                <span class="error" ng-bind-template="{{lang.user_max}}" ng-show="formLogin.user.$error.maxlength"></span>
			                <span class="error" ng-bind-template="{{lang.user_pattern}}" ng-show="formLogin.user.$error.pattern"></span>
                            <span class="error" ng-bind-template="{{lang.user_not_exists}}" ng-show="formLogin.user.$valid&&notexists"></span>
					    </label>
					</div>
				</div>
				<div class="item">
					<span class="label" style="color:#898989;">再次输入充值账号：</span>
					<div class="fl">
					    <input id="confirm" class="text gray" type="text" tabindex="2" name="confirm" ng-model="confirm" ng-change="confirmuser()" required/>
					    <label id="password_succeed" class="blank invisible">
                            <span class="error" ng-bind-template="{{lang.confirm_required}}" ng-show="formLogin.confirm.$error.required"></span>
                            <span class="error" ng-bind-template="{{lang.confirm_failed}}" ng-show="formLogin.confirm.$valid&&confirmfailed"></span>
					    </label>
					</div>
				</div>
				<div class="item">
					<span class="label" style="color:#898989;">选择游戏：	</span>
					<div class="fl">
					    <select id="game" class="gray text " tabindex="3" name="game" ng-model="game" ng-options="g.name for g in games" required></select>
					    <label id="verificationName_succeed" class="blank invisible">
					    </label>
					</div>
				</div>
				<div class="item">
					<span class="label" style="color:#898989;">选择充值大区：	</span>
					<div class="fl">
                        <select id="region" class="gray text " tabindex="3" name="region" ng-model="region" ng-options="r.name for r in game.regions" required></select>
					    <label id="verificationName_succeed" class="blank invisible">
                            <span class="error" ng-bind-template="{{lang.region_required}}" ng-show="formLogin.region.$error.required"></span>
					    </label>
					</div>
				</div>
				<div class="item">
					<span class="label" style="color:#898989;">需要充值的金额：	</span>
					<div class="fl">
					    <input id="amount" class="gray text" type="number" min="1" max="100000" tabindex="5" ng-pattern="amount_format" name="amount" ng-model="amount" required/>
					    <span style="color:#898989;">
					        &nbsp;元人民币
					    </span>
					</div>
                    <span class="error" ng-bind-template="{{lang.amount_required}}" ng-show="formLogin.amount.$error.required"></span>
                    <span class="error" ng-bind-template="{{lang.amount_min}}" ng-show="formLogin.amount.$error.min"></span>
                    <span class="error" ng-bind-template="{{lang.amount_max}}" ng-show="formLogin.amount.$error.max"></span>
                    <span class="error" ng-bind-template="{{lang.amount_format}}" ng-show="formLogin.amount.$error.pattern"></span>
				</div>
				<div class="item" style="height:18px; margin-top:-15px;">
					<div class="fl">
						<span style="color:#898989;">(请输入1-100000之间的整数)</span>
						<label id="loginsubmit" class="blank invisible">
					    </label>
					</div>
				</div>
				<div class="item">
					<span class="label" style="color:#898989;">游戏币充值数量：</span>
					<span><a id="yuanbao" style="color:#898989;"ng-bind-template="{{(amount*region.exchange)||0}}"></a>元宝</span>
				</div>
				<div class="item">
					<span class="label" style="color:#898989;">验证码：	</span>
					<div class="fl">
					    <input id="verifycode" class="text gray" type="text" tabindex="6" name="verifycode" ng-model="verifycode" required/>
					    <label id="verificationName_succeed" class="blank invisible">
                            <span class="error" ng-bind-template="{{lang.verifycode_required}}" ng-show="formLogin.verifycode.$error.required"></span>
					    </label>
					</div>
				</div>
				<div class="item">
					<span class="label" style="color:#fff;">验证码图片：	</span>
					<div class="fl">
						<span ng-init="url='http://localhost:3295/verifycode/new';_time=''">
							<img class="border" src="{{url+_time}}"/>
						</span>
						<span class="blurOther">
							<a href="#" ng-click="newverifycode()" style="color:#4196ff; text-decoration:none;">看不清楚，换一张</a>
						</span>					                                
					</div>
				</div>
				<div class="item">
					<span class="label" style="color:#ffffff">按钮：	</span>
					<div class="fl">
					    <input id="loginsubmit" ng-disabled="!formLogin.$valid || notexists" class="loginsubmit" type="submit" value="" tabindex="7" name="loginsubmit"/>
						<label id="loginsubmit" class="blank invisible">
					    </label>
					</div>
				</div>
		    </form>
		</div>
	</div>
    <script type="text/javascript" src="/script/core/angular.autoload.js"></script>
</body>
</html>
